<template>
   <div>
     <ScoreList :data="w18students">
       <template v-slot="{row}">
          {{row.score}}
          <button v-if="row.score<60">关注</button>
       </template>
     </ScoreList>


      <ScoreList :data="w18students">
       <template v-slot="{row}">
          {{row.score}}
          <span  v-if="row.score<60" style="color:red;">🐌</span>
       </template>
     </ScoreList>
   </div>
</template>

<script>
import ScoreList from '@/components/ScoreList.vue'
export default {
  components:{ScoreList},
  data(){
    return{
      w18students:[
        {name:'贾雪丹',score:80},
        {name:'魏秋静',score:70},
        {name:'王晓红',score:30},
        {name:'王天元',score:66},
      ]
    }
  }
}
</script>

<style>

</style>